<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>资金股票</title>
    <link rel="stylesheet" href="../lib/layui-v2.5.5/css/layui.css"  media="all">
    <link rel="stylesheet" href="../css/common.css" type="text/css" />
    <link rel="stylesheet" href="../css/trade.css" type="text/css" />

  </head>
  <body>
    <div id="app-root">
        <div class="page_header">
            <div class="trade_box">
                <div class="trade_nums sell">

                  <div class="trade_type_title">卖出股票</div>
                  <div class="trade_box_item">
                    <label>证券代码</label>
                    <div class="input_box">
                      <input type="text" id="stock_code"  maxlength="6">
                    </div>
                  </div>
                  <div class="trade_box_item">
                    <label>证券名称</label>
                    <div class="input_box">
                      <span class="now_stock_name"></span>
                    </div>
                  </div>
                  <div class="trade_box_item">
                    <label>卖出价格</label>
                    <div class="input_box">
                      <input type="text" id="now_price" maxlength="6">
                    </div>
                  </div>

                  <div class="trade_box_item">
                    <label>可用余额</label>
                    <div class="input_box">
                      <input type="number" class="input_no_border" disabled id="canSell">
                    </div>
                  </div>

                  <div style="text-align: right; padding-right: 15px;">
                    <label><input name="cw" onclick="setCw(2);" type="radio">1/2</label>
                    <label><input name="cw" onclick="setCw(3);" type="radio">1/3</label>
                    <label><input name="cw" onclick="setCw(4);" type="radio">1/4</label>
                  </div>

                  <div class="trade_box_item">
                    <label>卖出数量</label>
                    <div class="input_box">
                      <input type="number" id="volume" >
                    </div>
                  </div>
                  <div style="margin-top: 10px;">
                    <a class="trade_btn" href="javascript:void(0);" onclick="initBuySell();"> 重填 </a>
                    <a class="trade_btn" href="javascript:void(0);" onclick="actionStock();"> 卖出 </a>
                  </div>


                </div>

                <div class="wudang_box">
                  <div style="color: #b1afaf; font-size:12px;">数据来源&nbsp;&nbsp;行情主站<span id="stock_hq_time" style="float: right;"></span></div>
                  <div class="wudang_info">
                      <div class="wd_item wd_sell_5">
                          <div class="lable">卖五</div>
                          <div class="price setPrice">-</div>
                          <div class="lb"><div class="process"></div></div>
                          <div class="volume">-</div>
                      </div>
                      <div class="wd_item wd_sell_4">
                          <div class="lable">卖四</div>
                          <div class="price setPrice">-</div>
                          <div class="lb"><div class="process"></div></div>
                          <div class="volume">-</div>
                      </div>
                      <div class="wd_item wd_sell_3">
                          <div class="lable">卖三</div>
                          <div class="price setPrice">-</div>
                          <div class="lb"><div class="process"></div></div>
                          <div class="volume">-</div>
                      </div>
                      <div class="wd_item wd_sell_2">
                          <div class="lable">卖二</div>
                          <div class="price setPrice">-</div>
                          <div class="lb"><div class="process"></div></div>
                          <div class="volume">-</div>
                      </div>
                      <div class="wd_item wd_sell_1">
                          <div class="lable">卖一</div>
                          <div class="price setPrice">-</div>
                          <div class="lb"><div class="process"></div></div>
                          <div class="volume">-</div>
                      </div>

                      <div class="wd_item t-border b-border now_stock_info">
                          <div class="lable">最新</div>
                          <div class="price setPrice">-</div>
                          <div class="lb">涨幅</div>
                          <div class="volume zdf">-</div>
                      </div>

                      <div class="wd_item wd_buy_1">
                          <div class="lable">买一</div>
                          <div class="price setPrice">-</div>
                          <div class="lb"><div class="process"></div></div>
                          <div class="volume">-</div>
                      </div>
                      <div class="wd_item wd_buy_2">
                          <div class="lable">买二</div>
                          <div class="price setPrice">-</div>
                          <div class="lb"><div class="process"></div></div>
                          <div class="volume">-</div>
                      </div>
                      <div class="wd_item wd_buy_3">
                          <div class="lable">买三</div>
                          <div class="price setPrice">-</div>
                          <div class="lb"><div class="process"></div></div>
                          <div class="volume">-</div>
                      </div>
                      <div class="wd_item wd_buy_4">
                          <div class="lable">买四</div>
                          <div class="price setPrice">-</div>
                          <div class="lb"><div class="process"></div></div>
                          <div class="volume">-</div>
                      </div>
                      <div class="wd_item wd_buy_5">
                          <div class="lable">买五</div>
                          <div class="price setPrice">-</div>
                          <div class="lb"><div class="process"></div></div>
                          <div class="volume">-</div>
                      </div>
                      <div class="wd_item t-border now_stock_info">
                          <div class="lable">涨停</div>
                          <div class="price hig_max setPrice">-</div>
                          <div class="lb">跌停</div>
                          <div class="volume low_max setPrice">-</div>
                      </div>


                  </div>
                </div>

            </div>
        </div>

        <div class="page_body">
            <div class="table-header" style="margin-top: 10px;">

                <div class="page_title on" data-fn='getPostionOrder'>
                  <span title="持仓">持仓(F6)</span>
                  <em></em>
                </div>
                <div class="page_title " data-fn='getDayCOrder'>
                    <span title="成交">成交(F7)</span>
                    <em></em>
                </div>
                <div class="page_title " data-fn='getDayEOrder'>
                    <span title="委托">委托(F8)</span>
                    <em></em>
                </div>
  
              </div>
            <div class="data-table" style="margin-top:0;">
              <table id="dataTable" lay-filter="test"></table>
          </div>

        </div>



    </div>
    <script>window.$ = window.jQuery = require("../lib/jquery.min");</script>
    <script src="../lib/layui-v2.5.5/layui.all.js"></script>
    <script>
        var table = layui.table;
    </script>
    <script src="../js/common.js"></script>
    <script src="../js/position.js"></script>
    <script src="../js/trade.js"></script>
    
    <script>
      
         var getOrder = getPostionOrder;

         //监听行双击事件
         tableDouble(function(obj){
          console.log(obj); //双击把信息注入到 买卖框里
            let code = (obj.data.fullCode+'').toLocaleLowerCase();
            if(code in stock_data){
              tmp_task=[];
              tmp_task.push(code);
              $('#canSell').val((obj.data.usableVolume));
              //$('#canSell').val(10000);
              formatBuySell(stock_data[code],function(data){
                  $('#now_price').val(data.buy[0][1]);
                  $('#stock_code').val(data.code);
                  $('.now_stock_name').text(data.name);
                  $('#stock_code').attr('fullcode',data.sybmol);
              });
            }
        });

         //getUserAssert();
         getOrder();

          //设置仓位
         function setCw(type){
              var money = parseFloat($('#canSell').val());
              if(isNaN(money)){
                money = 0;
              }
 
              var volume = parseInt((money/type)/100)*100;
              if(volume<100){
                money = 0;
              }
              $('#volume').val(volume);
         }
          //操作买入卖出
         function actionStock(){
         
            var fullCode = $('#stock_code').attr('fullcode');
            var price = parseFloat($('#now_price').val());
            price = isNaN(price) ? 0 : price ;
            var tradeType =1;
            var volume = parseFloat($('#volume').val());
            volume = isNaN(volume)? 0 : volume ;

            if($('#stock_code').val().length!=6){
                remote.app.untils.alert('请输入代码','委托提醒','warning');
                return ;
            }
            if(!price){
                remote.app.untils.alert('请输入委托价格','委托提醒','warning');
                return ;
            }
            if(!volume){
                remote.app.untils.alert('请输入委托数量','委托提醒','warning');
                return ;
            }
            var result = remote.app.untils.dialogsync('操作类别：卖出\n股票代码：'+$('#stock_code').val()+' '+$('.now_stock_name').text()+'\n委托价格：'+$('#now_price').val()+'\n委托数量：'+volume+'\n委托方式：限价委托','提示','question',{buttons:['卖出确认','取消'],defaultId :0,cancelId :1,noLink:true});
           
            if(result==0){
              remote.app.sys.post('/api/trade/coin_trade',{fullCode:fullCode,price:price,tradeType:tradeType,volume:volume},function(res){
                 
                 if(res.status ==200 ){
                     initBuySell();
                     getOrder();
                     //cb && cb(JSON.parse(JSON.stringify(res.data)));
                 }
                 remote.app.untils.alert(res.msg,'委托提醒','warning');
              })  
            }


         }
         
          $(function(){
              $('body').on('input','#stock_code',function(){
                  $(this).val($(this).val().replace(/[^\d]/g,''));
                  if($(this).val()==''){
                      initBuySell();
                      return;
                  }
                  if($(this).val().length==6){
                        
                      searchStock($(this).val(),data=>{
                          tmp_task=[];
                          tmp_task.push((data[0].fullCode+'').toLocaleLowerCase());
                          var key = (data[0].fullCode+'').toLocaleLowerCase();
                          tdxMsg(data[0].code);
                        getStock(()=>{
                            var can = 0;
                            if($('.'+key+'.canSell').length){
                              can = parseFloat($('.'+key+'.canSell').text()); 
                            }
                            
                            $('#canSell').val(can);

                            formatBuySell(stock_data[key],function(data){
                              $('#now_price').val(data.sell[0][1]);
                              $('#stock_code').val(data.code);
                              $('.now_stock_name').text(data.name);
                              $('#stock_code').attr('fullcode',data.sybmol);
                            });
                        })
                        
                      });
                  }
              })
          })


        ipcRenderer.on('initStock',(e,msg)=>{
            
             searchStock(msg.code,data=>{
                          console.log(data);
                          tmp_task=[];
                          tmp_task.push((data[0].fullCode+'').toLocaleLowerCase());
                          var key = (data[0].fullCode+'').toLocaleLowerCase();

                          $('#canSell').val(msg.can);

                          //tdxMsg(data[0].code);
                        getStock(()=>{
                            var can = 0;
                            if($('.'+key+'.canSell').length){
                              can = parseFloat($('.'+key+'.canSell').text()); 
                            }
                            
                           

                            formatBuySell(stock_data[key],function(data){
                              $('#now_price').val(data.sell[0][1]);
                              $('#stock_code').val(data.code);
                              $('.now_stock_name').text(data.name);
                              $('#stock_code').attr('fullcode',data.sybmol);
                            });
                        })
                        
                      });



        })



        $(document).keydown(function(event){
            
            var act={};
            act['117'] = 0;
            act['118']= 1;
            act['119']= 2;
            
            if(event.keyCode+'' in act){ //F1-F5 112-116
                
              if($('.table-header .page_title').eq(act[event.keyCode]).hasClass('on')){
                  return ;
              }
  
              var fn = $('.table-header .page_title').eq(act[event.keyCode]).attr('data-fn');
              $('.table-header .page_title').eq(act[event.keyCode]).addClass('on').siblings('.page_title').removeClass('on');
              window['getOrder'] = window[fn];
              window['getOrder'].call();
  
            }
      })

    </script>
  </body>
</html>
